<template>
    <div class="navItem">
        <slot name="title"></slot>
        <slot name="content"></slot>
    </div>
</template>

<script>
export default {
    name:'navItem'
}
</script>

<style scoped>
.navItem{
    width: 1000px;
    height: 40px;
    margin: 0 auto;
    border-bottom: 1px solid #8BBF5D;
}
.navItem p{
    line-height: 40px;
    font-size: 14px;
    display: inline-block;
    margin: 0;
}
.navItem p:nth-child(1){
    width: 100px;
    background: #8BBF5D;
    text-align: center;
    color: #ffffff;
    font-weight: 800;
}
.navItem p:nth-child(2){
    width: 900px;
    text-align: right;
}
.navItem p:nth-child(2) a{
    color: rgb(99, 52, 110);
}
</style>